Download pure css horizontal menus in 6 colors click here for demo (click on images to download particular menu) works in all browsers.
More Menu Styles to come please let me know if you face any problem in browsers you can also leave your suggestions and you can also mail me for psd files.
Hmmm, seems cool.
Joe joestain13@yahoo.com
Hi, very nice menus. This will work with a transparent background, or in a degradé background?
hi wasko, this menus r not for transparent if u want to use this menus for transparent then just mail me so that i can mail u the psd file so that u can convert it for transparent background.
Hi Santos
This menus represents a great web 2.0 design work. I would like to use them in a website that i’m working on. In what conditions can i do that?
If you don’t remember, i’m the guy that would like to use them in a transparent background. My mail is vasco.ms@gmail.com
Thanks
hi wasko just check ur mail
Hi, saw this on dynamic drive but a little confused…when put the code up there is the indentation to the left, so it does not fill 100% of the table…is there a way to fix this????
could I get the psd file as well? thanks! 🙂
Hi Alan,
what problem ur facing plz let me know so that i can guide u, coming to the code it is very easy to use and understand an it fill tables 100% no question in that, u can get menu psd files too just mail me.
Hi Santosh…I saw the code where you can extend it to 100% but it still does not do that. To the left, not right, there is what roughly looks like a 20px indent…I’ve tried everything and it won’t go away. Even on a clean html page with only the css and code it still happens. I’m using IE 7
I’m getting the same problem as Alan. I use FF, where it displays fine, but in IE7 which I have to check it comes up with this mysterious gap. I’ll try and post a link.
http://www.bangor.ac.uk/~nss601/
Hi Matt,
the problem in IE is IE browser it takes default browser css you need to reset it.
how should i reset it?
*{
margin:0;
padding:0;
border:0;
}
actually the problem with IE is we centered the menu
.menur{
margin:0 auto;/* to center */
}
that it the reason why its taking left space.
i hope your problem solved if not feel free to discuss i can assit you.
[…] Pure CSS Horizontal Menus with Images by WebDesignInfo – click here for preview […]
Brilliant! all sorted, thanks for your help.
[…] Blue, Green, Orange and Purple available at Santosh’s blog […]
Hello, Thanks for this great work but im still having problems trying to remove the lefthand gap in IE 7, Firefox works great i would be greatful for any advice
hi martynb,
can u give me link plz……….. so that i can guide u
Hi Santosh,
Gorgeous menu! Thank you for sharing it. Unfortunately, I have the same problem as the other two guys – re: a gap on the left in IE7. I’ve tried the reset but it’s not working. Can you help?
All the best,
Patricia
hi patricia,
reset the global styles to remove left space in IE.
*html, body{
margin:0;
padding:0;
border:0;
}
superb work
These are some awesome menus. This is a fine design job!
Keep up the good work here.
Hi, very nice menus. i need those in dark red colors humm some thing maroon, can u plz send me the psd.
hi, nice and cool menus , i m going to use these in my coming websites. great yar keep it up.
Hi,
I really love this menu.. Looks the site richer…
Thanks dude………
Nice SHADOW effect, i just saw it after downloading.
Hello and congratulations for this wonderful menu,
I am not very good at css, but how fair to add a sub-menu under show-case? Please
Show-case
Link 1
Link 2
And can you send me the psd buttons please.
Thank you and see you soon
[…] can download web 2.0 menus for free from […]
The style of writing is quite familiar to me. Have you written guest posts for other blogs?
no i haven’t written any guest post for any one.
Hi
This menus represents a great design work. I would like to use them in a website that i’m working on.but i am confused somthing, In what conditions can i do that?